import React from 'react';
import moment from 'moment';
import PropTypes from 'prop-types';

/**
 * 格式化日期控件
 * @param value 日期
 * @param pattern 格式化形式，默认YYYY-MM-DD
 * @param emptyMessage 当没有日期时，显示的内容
 * @returns {JSX.Element}
 * @constructor
 */
const DateFormatter = ({ value, pattern, emptyMessage }) => (
    <React.Fragment>{value ? moment(value).format(pattern) : emptyMessage} </React.Fragment>
);

DateFormatter.propTypes = {
    pattern: PropTypes.string,
    value: PropTypes.any,
    emptyMessage: PropTypes.node
};

DateFormatter.defaultProps = {
    pattern: 'YYYY-MM-DD',
    value: null,
    emptyMessage: null
};

export default DateFormatter;
